<template>
  <div class="footer-bar px_sm py_xs">
    <div class="align-items_center justify_between">
      <div></div>
      <div>
        <van-button
          class="mx_sm"
          type="primary"
          size="small"
          round
          @click="navigate('/modules/good/src/contact')"
          >联系发布者</van-button
        >
        <van-button
          type="primary"
          size="small"
          round
          @click="navigate('/modules/center/src/personal')"
          >发布者主页</van-button
        >
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { navigate } from '@/service/navigate';

export default defineComponent({
  name: 'Footer',
  setup() {
    return {
      navigate,
    };
  },
});
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';
.footer-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
  height: 50px;
  box-sizing: border-box;
  background: $white-color;
  border-top: solid 1px map-get($border-colors, default);
}
</style>
